import React, { Component } from 'react';
import { withRouter } from 'react-router-dom'

import Logo from '../../assets/images/logo.png'
import { SearchStyle } from './style'

@withRouter
class index extends Component {
    render() {
        return (
            <>
                <SearchStyle onClick={this.search.bind(this)}>
                    <div className='logo'><img src={Logo} alt="" /></div>
                    <div className='search'>
                        <li className="iconfont icon-sousuozhengchangzhuangtai"></li>
                        <p>搜索作品名</p>
                    </div>
                    <li className="iconfont icon-category"></li>
                </SearchStyle>
            </>
        );
    }
    search(){
        this.props.history.push('/search')
    }
}

export default index;
